<template>
  <div>
    <div class="w-100 p-3 border-bottom">实名认证</div>
    <div>
      <div class="hb_changewd w-50 m-auto mt-5 text-center">
        <!-- 身份证正面 -->
        <div class="mb-4">
          <el-upload
            class="upload-demo"
            drag
            action="https://jsonplaceholder.typicode.com/posts/"
            multiple
          >
            <i class="el-icon-upload"></i>
            <div class="el-upload__text">
              将文件拖到此处，或<em>点击上传</em>
            </div>
            <div class="el-upload__tip h5" slot="tip">上传身份证正面</div>
          </el-upload>
        </div>

        <!-- 身份证背面 -->
        <div>
          <el-upload
            class="upload-demo"
            drag
            action="https://jsonplaceholder.typicode.com/posts/"
            multiple
          >
            <i class="el-icon-upload"></i>
            <div class="el-upload__text">
              将文件拖到此处，或<em>点击上传</em>
            </div>
            <div class="el-upload__tip h5" slot="tip">上传身份证背面</div>
          </el-upload>
        </div>
        <!-- 毕业证 -->
        <div>
          <el-upload
            class="upload-demo"
            drag
            action="https://jsonplaceholder.typicode.com/posts/"
            multiple
          >
            <i class="el-icon-upload"></i>
            <div class="el-upload__text">
              将文件拖到此处，或<em>点击上传</em>
            </div>
            <div class="el-upload__tip h5" slot="tip">毕业证</div>
          </el-upload>
        </div>

        <!-- 学位证 -->
        <div>
          <el-upload
            class="upload-demo"
            drag
            action="https://jsonplaceholder.typicode.com/posts/"
            multiple
          >
            <i class="el-icon-upload"></i>
            <div class="el-upload__text">
              将文件拖到此处，或<em>点击上传</em>
            </div>
            <div class="el-upload__tip h5" slot="tip">学位证</div>
          </el-upload>
        </div>
        <!-- 其他证书 -->
        <div>
          <el-upload
            class="upload-demo"
            drag
            action="https://jsonplaceholder.typicode.com/posts/"
            multiple
          >
            <i class="el-icon-upload"></i>
            <div class="el-upload__text">
              将文件拖到此处，或<em>点击上传</em>
            </div>
            <div class="el-upload__tip h5" slot="tip">其他证书</div>
          </el-upload>
        </div>
        <span
          class="
            d-block
            bg-info
            w-25
            m-auto
            mt-4
            fs-4
            text-center
            rounded-3
            text-white
          "
          >确定</span
        >
      </div>
    </div>
  </div>
</template>

<script>
export default {};
</script>

<style lang="scss" scoped>
.el-input__inner {
  width: 300px;
}
.hb_zdy_oldpwd {
  width: 176px !important;
}
.el-input {
  text-align: left !important;
}
</style>